<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>模板语法</title>
    <script type="text/javascript" src="vue.js"></script>
</head>
<!--1.标签体改变用插值语法  {{xxx}}-->
<!--2.解析标签（属性，事件，绑定事件）用指令语法   v-bind:/:x="xxx"-->


<body>
<div id="root">
    <h1>插值语法</h1>
    <h3>你好，jack</h3>
    <h3>你好，{{name}}</h3>
    <h1>指令标签</h1>
    <a :href="school.url" :x = "hello">点我去{{school.hello}}</a>
</div>
</body>




<script type="text/javascript">
    Vue.config.productionTip = false
    new Vue({
        el:'#root',
        data:{
            name:'jack',
            school: {
               url: "http://www.baidu.com",
               hello: 'dddd'
           }
        }
    })
</script>




</html>